草庐IT

Bootstrap4 表单

全部标签

javascript - 单击按钮时显示 Bootstrap 警告框

以下代码显示了一个警告框:DismissalAlertMessages×Success!messagesentsuccessfully.如何在点击按钮时显示警告框? 最佳答案 这个jsfiddle展示了如何在点击时显示Bootstrap警告框http://jsfiddle.net/g1rnnr8r/2/您需要实现jquery的show()方法。您需要使用的代码是。$(document).ready(function(){$('button').click(function(){$('.alert').show()})})

javascript - Odoo 9. 如何覆盖表单小部件?

我使用odoo9。系统中存在针对每种类型字段的render_value方法:/odoo/addons/web/static/src/js/views/form_widgets.js/odoo/addons/web/static/src/js/views/form_relational_widgets.js如何为所有表单使用我的自定义方法render_value(例如在FieldChar中)?我如何为一种形式或一个模块使用特定的render_value?我在我的模块中创建了form_widgets.js,但我不明白如何正确覆盖Field。odoo.define('my_module.fo

JavaScript 代码返回 false,但表单仍然被提交

我有一个带有JavaScript验证的表单。如果出现错误,提交按钮应该“变灰”并且不应提交表单。然而,最后几个函数似乎提交了表单,即使它们弹出了警告框。为什么?按钮代码:非工作函数示例:functionBlankSite(){varSiteNum=document.getElementsByName("sitesinput")[0].value;if((SiteNum=="")||(SiteNum==0)){alert("Youhavenotselectedanamountofsites.")document.forms[0].button.disabled=true;returnfa

javascript - 是否可以在不单击的情况下一次显示 HTML Select 表单域中的所有选项?

我正在为任务状态选择字段使用X-EditablejQuery就地编辑库。它的所有阶段如下所示:点击状态然后隐藏状态SPAN并显示隐藏的选择字段。您可以单击选择字段,使其下拉并显示所有可用选项。点击一个新的选择选项值,然后在它发出AJAX请求以保存该值时显示加载微调器图像然后显示新选择的状态值SPAN。再次点击重新开始循环/过程。不过,我正在尝试想出一种更好的方法来选择新值。只有3个选择选项,所以我想一次显示所有3个项目,而不是要求您单击下拉菜单以查看其他2个选项。是否可以通过基本选择来做到这一点,还是需要一个多选字段? 最佳答案 h

javascript - 模拟点击打开 Bootstrap 折叠元素

我正在尝试在Bootstrapcollapse上模拟点击header,但没有成功。我真正想做的是,当用户点击Accordion标题附近的图像时,它会打开,就像用户点击了一样。标题。这是一个FIDDLE为了更好地理解我的HTML标记如下所示:Filtertheresults1stcolumncontent2ndcolumncontent但我不知道如何在SimulateClick()中写“点击图片,打开Accordion”JS方法。我试过类似的东西$("#collapseOne").click();或$("#collapseOne").addClass("in");但它什么也没做。有什么想

javascript - 如何在 typescript 中使用 angular-ui-bootstrap(模态)?

我想使用模态编辑表格中的一些数据。definitelyTyped的angular-ui-bootstrap的typescript定义中有各种接口(interface),但是它们没有记录,我找不到任何关于如何使用它们的示例。IModalScopeIModalServiceIModalServiceInstanceIModalSettingsIModalStackServicehttps://github.com/borisyankov/DefinitelyTyped/blob/master/angular-ui-bootstrap/angular-ui-bootstrap.d.ts#L1

javascript - 如何在 Javascript 生成的 HTML 表单中包含 Django 1.2 的 CSRF token ?

我最近升级到Django1.2.3,我的上传表单现在坏了。每当我尝试上传时,我都会收到“CSRF验证失败。请求已中止。”错误信息。看完Django'sdocumentation在这个主题上,它声明我需要在HTML中添加{%csrf_token%}模板标签在我的模板中。不幸的是,我的是通过JavaScript生成的(具体来说,是ExtJs在面板上的“html”属性)。长话短说,如何将所需的CSRFtoken标记添加到我的当我的不包含在Django模板中? 最佳答案 另一种选择是调整theDjangodocs中所示的基于cookie/h

javascript - 使用 twitter bootstrap 在选项卡中加载新页面

您好,我正在使用以下代码通过twitterbootstrap创建选项卡式布局RequestAuditstatusSettingsHelp现在在所有选项卡中我需要加载不同的页面。所以我想这样做:HomestatusSettingsHelp我不想从所有选项卡中的同一页面加载内容,并且上面的代码没有加载新页面。请帮助..更新:RequestAuditstatusSettingsHelpauditstatussettingshelp我已经添加了这个脚本$('#myTaba[href="#status"]').click(function(e){e.preventDefault();$(this

javascript - 非表单元素上的 Angular2 单击事件

这是关于Angular2如何在非表单元素(如)上监听事件(如Click)?side-bar.html{{title}}{{collection}}侧边栏组件functionSideBarComponent(){this.title="Collections";this.collections=["Collection-1","Collection-2","Collection-3","Collection-4","Collection-5"];this.liClicked=function(el){alert('a');}}SideBarComponent.annotations=[n

javascript - Bootstrap popover 手动关闭需要点击两次才能重新打开

这个问题在这里已经有了答案:needclicktwiceafterhideashownbootstrappopover(8个答案)关闭6年前。我有一个Bootstrap弹出窗口,其中包含一个带有JS的元素,单击该元素时,使用Bootstrap网站上显示的手动方法关闭弹出窗口,即$('#element').popover('hide')但是,它需要在打开弹出窗口的元素上单击两次才能重新打开它。就好像它仍然认为弹出窗口正在显示,所以第一次点击是将其切换为关闭,然后第二次点击将其再次切换为打开。有谁知道如何使用JS正确关闭弹出窗口以避免这种情况?我创建了以下演示问题的fiddle。http: